<template>
    <div class="app-container">
        <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="130px" size="small">
            <el-form-item label="开始练车日期" label-width="100px">
                <el-date-picker value-format="yyyy-MM-dd" v-model="dateVal" type="date" placeholder="选择日期">
                </el-date-picker>
            </el-form-item>
            <el-form-item label="结束练车日期">
                <el-date-picker value-format="yyyy-MM-dd" v-model="dateVal" type="date" placeholder="选择日期">
                </el-date-picker>
            </el-form-item>

            <el-form-item label="ID">
                <el-input v-model="formInline.user" placeholder="请输入驾校名称或ID" />
            </el-form-item>
            <el-form-item label="教练员">
                <el-select v-model="formData.city" placeholder="请选择城市" clearable>
                    <el-option label="区域一" value="shanghai" />
                    <el-option label="区域二" value="beijing" />
                </el-select>
            </el-form-item>
            <el-form-item label="车牌号">
                <el-input v-model="formInline.user" placeholder="请输入驾校名称或ID" />
            </el-form-item>
            <el-form-item label="备注" label-width="100px">
                <el-input v-model="formInline.user" placeholder="请输入驾校名称或ID" />
            </el-form-item>

            <el-form-item label=" " label-width="40px">
                <el-button type="primary" icon="el-icon-search">查询</el-button>
                <el-button type="primary">+ 新增</el-button>
                <el-button type="info" plain>清空条件</el-button>
            </el-form-item>
        </el-form>

        <div style="height: 640px;margin-top: 10px;">
            <el-table :data="tableData" border height="100%">
                <el-table-column type="index" label="序号" width="100">
                </el-table-column>
                <el-table-column prop="name" label="ID" width="100">
                </el-table-column>
                <el-table-column prop="address" label="教练">
                </el-table-column>
                <el-table-column prop="address" label="车牌号">
                </el-table-column>
                <el-table-column prop="address" label="日期">
                </el-table-column>
                <el-table-column prop="address" label="备注">
                </el-table-column>
                <el-table-column prop="address" label="录入人">
                </el-table-column>
                <el-table-column prop="address" label="录入日期">
                </el-table-column>
                <el-table-column prop="address" label="操作">
                </el-table-column>
            </el-table>
        </div>

        <div class="pagin">
            <el-pagination background :current-page="initParams1.page" :page-sizes="[20, 50, 100, 150]"
                :page-size="initParams1.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"
                @size-change="handleSizeChange" @current-change="handleCurrentChange" />
        </div>
    </div>
</template>

<script>
/**
* @author        chenRong
* @time          2023-11-16 18:00:12  星期四
* @description   
**/


export default {
    data() {
        return {
            formInline: {
                user: '',
                region: ''
            },
            dateVal: "",
            formData: {
                name: '',
                Jxid: '',
                city: ''
            },

            tableData: [{
                date: '2016-05-02',
                name: '王小虎',
                address: 'hello'
            }, {
                date: '2016-05-04',
                name: '王小虎',
                address: 'hello'
            }, {
                date: '2016-05-01',
                name: '王小虎',
                address: 'hello'
            }, {
                date: '2016-05-03',
                name: '王小虎',
                address: 'hello'
            }],
            initParams1: {
                action: "logerAdminList",
                page: 1,
                pageSize: 20,
            },
            total: 0,
        }
    },
    methods: {
        //  跳旧版详情
        go(val, URL) {
            // http://jx.qida999.com/DriverCommon/driver/dr_leader_class_detail.html?id=543&aid=101
            const redirectUrl = `${URL}?id=${val.id}&aid=${this.$store.getters.userInfo.jxid}`
            const url = 'http://jx.qida999.com/DriverCommon/CommApiNew/login/Login.aspx'
            this.$oldLoginSystem(redirectUrl, url)
        },
        // 一页几条数据
        handleSizeChange(val) {
            // this.initParams1.pageSize = val
            // this.getAccountList();

        },
        // 当前页
        handleCurrentChange(val) {
            // this.initParams.page = val
            // this.getAccountList();

        },
    }
}
</script>

<style lang="scss" scoped></style>